$(function () {
    init();
    function init() {
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'));
            var myChart2 = echarts.init(document.getElementById('main2'));

        // 指定图表的配置项和数据
        var option = {
                title: {
                text: '2017年注册人数'
            },
            tooltip: {},
            legend: {
                data: ['人数']
            },
            xAxis: {
                data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"]
            },
            yAxis: {},
            series: [{
                name: '人数',
                type: 'bar',
                data: [500, 2000, 3600, 1000, 1000, 2000, 1200, 2300, 1700, 3800, 2400, 900]
            }]
        };
        var option2 = {
            // backgroundColor: '#2c343c',

            title: {
                text: '热门品牌销售 2017年6月',
                left: 'center',
                top: 20,
                textStyle: {
                    color: '#ccc'
                }
            },

            tooltip: {
                trigger: 'item',
                formatter: "{a} <br/>{b} : {c} ({d}%)"
            },

            visualMap: {
                show: false,
                min: 80,
                max: 600,
                inRange: {
                    colorLightness: [0, 1]
                }
            },
            series: [{
                name: '访问来源',
                type: 'pie',
                radius: '55%',
                center: ['50%', '50%'],
                data: [{
                        value: 135,
                        name: '百伦'
                    },
                    {
                        value: 235,
                        name: '李宁'
                    },
                    {
                        value: 310,
                        name: '安踏'
                    },
                    {
                        value: 410,
                        name: '阿迪'
                    },
                    {
                        value: 456,
                        name: '耐克'
                    }
                ].sort(function (a, b) {
                    return a.value - b.value;
                }),
                roseType: 'radius',
                label: {
                    normal: {
                        textStyle: {
                            // color: 'rgba(255, 255, 255, 0.3)'
                            color: "#000"
                        }
                    }
                },
                labelLine: {
                    normal: {
                        lineStyle: {
                            // color: 'rgba(255, 255, 255, 0.3)'
                            color: "#000"
                        },
                        smooth: 0.2,
                        length: 10,
                        length2: 20
                    }
                },
                itemStyle: {
                    normal: {
                        color: '#c23531',
                        shadowBlur: 200,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },

                animationType: 'scale',
                animationEasing: 'elasticOut',
                animationDelay: function (idx) {
                    return Math.random() * 200;
                }
            }]
        };


        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
        myChart2.setOption(option2);
    }
});